<%@ page language="java" contentType="text/html;charset=UTF-8"%>
<%@ include file="/static/include/taglib.jsp"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<!DOCTYPE html >
<html>
<head>
<meta name="viewport" content="width=device-width" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>后台管理--机构列表</title>
 <link href="${ctxStatic}/ligeruilib/ligerUI/skins/Aqua/css/ligerui-all.css" rel="stylesheet" type="text/css">
<link href="${ctxStatic}/layui/css/layui.css" rel="stylesheet" />
<link href="${ctxStatic}/css/kpiuitanchu.css" rel="stylesheet" />
<script src="${ctxStatic}/js/jquery-1.8.3.min.js?v=2.0" type="text/javascript"></script>
<script src="${ctxStatic}/layui/layui.all.js" type="text/javascript"></script>
 <script src="${ctxStatic}/ligeruilib/ligerUI/js/core/base.js" type="text/javascript"></script>
 <script src="${ctxStatic}/ligeruilib/ligerUI/js/plugins/ligerComboBox.js" type="text/javascript"></script>
  <script src="${ctxStatic}/ligeruilib/ligerUI/js/plugins/ligerTree.js" type="text/javascript"></script>
<script src="${ctxStatic}/js/common.js" type="text/javascript"></script>
<style>
 .tanchucontent table tr{height:30px}
 .layui-textarea{margin-top:0;}
</style>
<script>
$(function(){
    $("#userid").ligerComboBox(
        {
            url: '../common/get_user_list_temp',
            valueField: 'userid',
            textField: 'realname', 
            selectBoxWidth: 341,
            autocomplete: true,
            keySupport: true,
            valueFieldID:"hid",
            onSelected: function(userid,realname){//id为空值，name为选择的值  
              $("#hiduserid").val(userid);
              InitIfream();
            }, 
            onSuccess:function(data){
            	//$("#userid").ligerGetComboBoxManager().selectValue($("#hiduserid").val());
            },
            width: 343 
        }
    )
})
</script>
    
</head>
<body>
	<div class="tanchucontent" >
		
			<div class="layui-form">
				<table>
					<tr>
						<td style="width: 80px; text-align: right">年份：</td>
						<td style="width: 100px;"><select name="nf" id="nf" lay-filter="nf">
								<option>2018</option>
								<option>2017</option>
						</select></td>
						<td style="width: 80px; text-align: right;color:#ffffff">季度：</td>
						<td style="width:150px">
						 <!--  <input type="radio" name="quarter" value="1" title="第一季度" checked=""> 
						 <input type="radio" name="quarter" value="2" title="第二季度">
						 <input type="radio" name="quarter" value="3" title="第三季度">
					     <input type="radio" name="quarter" value="4" title="第四季度">-->
					     <select name="quarter" id="quarter" lay-filter="quarter">
					      <option value="1">第一季度</option>
					      <option value="2">第二季度</option>
					      <option value="3">第三季度</option>
					      <option value="4">第四季度</option>
					     </select>
						</td>
						 <td class="td_right" >人员：</td>
					      <td >
					        
					         <input type="text" id="userid" lay-verify="ruserid" style="padding-left:10px;" class="layui-input">
					         <input type="hidden" id="hiduserid" name="userid" value="">
					       </td>
					</tr>

				</table>
			</div>


 <div id="datacon" style="margin-top:10px">
     <iframe width="100%" height="100%" id="getdata" name="getdata" src="" style="display: block;border:0;padding:0;margin:0;overflow-x:auto;overflow-y:no " frameborder="no" border="0" marginwidth="0" marginheight="0" allowtransparency="yes"  >  
       </iframe>
     </div>

			 <input type="hidden" value="${usasszpid}" id="usasszpid" name="usasszpid">
			 
		
	</div>


	<script>
	$("#datacon").height($(window).height()-60);
	
    layui.use('form', function(){
      var form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功
       form.on('select(quarter)', function (data) { 
    	   InitIfream();
       });
       form.on('select(nf)', function (data) { 
    	   InitIfream();
       });
      
	   form.render();
	});  
     
   function InitIfream(){
	   var quarter=$("#quarter").val();
		 var userid=$("#hiduserid").val();
		 var year=$("#nf").val();
		 var usasszpid=$("#usasszpid").val();
		 if(userid>0){
			 var url='user_usasstemp_zp_bm_edit_show?year='+year+'&quarter='+quarter+'&userid='+userid+"&usasszpid="+usasszpid;
			 $("#getdata").attr("src",url);
		 }
		 
   }
     
    </script>
</body>
</html>